@hoverColor: #333;
.sui-nav.nav-stacked.docs-nav{
    width: 140px;
    text-align: right;
    padding-right: 20px;
    background: url(../../pictures/kedu.png) top right repeat-y;
    li{
      border: none;
      position: relative;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin-left: 0;
      a{
        line-height: 18px;
        color: #666;
        font-weight: 700;
        font-family:"Microsoft Yahei",Arial,Verdana,Sans-serif;
        position: relative;
        font-size: 16px;
      }
      a:hover{
        color: @hoverColor;
        background: none;
      }
    }
    .nav-stacked.docs-nav{
      display: none;
      margin-bottom: 0;
      background: none;
      >li{
        a{
          margin-left: 30px;
          color: #bcbec0;
          position: relative;
          border:none;
          border-left: 0;
          border-right: 0;
          font-weight: normal;
          font-size: 12px;
          font-family:"Microsoft Yahei",Arial,Verdana,Sans-serif;
        }
        a:hover{
          color: @hoverColor;
          background: none;
        }
      }
      .active a{
        color: @hoverColor;
      }
    }
    .active{
      .nav-stacked.docs-nav{
        display: block;
      }
      a{
        color: @hoverColor;
      }
    } 
    .docs-icon{
      background: url(../../pictures/left_04.png);
      display: inline-block;
      width: 13px;
      height: 13px;
      position: absolute;
      right: -40px;
      top: 50%;
      margin-top: -9px;

    }
    .active .docs-icon{
      background: url(../../pictures/blue_11.png);
    }
}
